<template>
	<view class='content'>
		<view class='blockone'>
			<view class='blocktop'>
				<view class='left'>
					<image class="icon" src="../../static/images/shebei.png"></image>
					<view class='tip'>设备信息</view>
				</view>
				
				<view class='status'>在线</view>
			</view>
			<view class='line'>
				<view class='lineleft'>
					设备地址
				</view>
				<view class='lineright'>
					陕西省西安市未央区高山流水
				</view>
			</view>
			<view class='line'>
				<view class='lineleft'>
					站点类型
				</view>
				<view class='lineright'>
					小区
				</view>
			</view>
			<view class='line'>
				<view class='lineleft'>
					代理人
				</view>
				<view class='lineright'>
					张小斌
				</view>
			</view>
			<view class='line'>
				<view class='lineleft'>
					设备编号
				</view>
				<view class='lineright'>
					10JQKA
				</view>
			</view>
		</view>
		<view class='blockone' style='margin-top:30rpx;'>
			<view class='line'>
				<view class='lineleft'>
					纸箱累积总公斤数
				</view>
				<view class='lineright'>
					200kg
				</view>
			</view>
		</view>
		<view class='blockone' style='margin-top:30rpx;'>
			<view class='line'>
				<view class='lineleft'>
					瓶子累计总个数
				</view>
				<view class='lineright'>
					20000个
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"devicemanagement2",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less" scoped>
.content{
	.blockone{
		width:686rpx;
		padding:30rpx 30rpx;
		box-sizing: border-box;
		background-color:#fff;
		border-radius: 30rpx;
		margin:0rpx auto;
		.blocktop{
			display: flex;
			justify-content: space-between;
			.left{
				display: flex;
				.icon{
					width:68rpx;
					height:68rpx;
				}
				.tip{
					line-height: 68rpx;
					font-size:36rpx;
					color:#212121;
					margin-left:30rpx;
				}
			}
			
			.status{
				font-size:24rpx;
				line-height: 50rpx;
				height: 50rpx;
				color:#fff;
				background-color:#2F70F1;
				padding:0rpx 20rpx;
				border-radius: 25rpx;
				margin-top:9rpx;
			}
		}
		.line{
			display: flex;
			justify-content: space-between;
			margin-top:40rpx;
			color:#212121;
			font-size:26rpx;
		}
		.line:nth-child(1){
			margin-top:0rpx;
		}
	}
}
</style>